// CSS Reset
@import "reset.less";

// Core variables and mixins
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
@import "mixins.less";

// Grid system and page structure
@import "scaffolding.less";
@import "grid.less";
@import "layouts.less";
@import "responsive.less";

// Base CSS
@import "type.less";
@import "code.less";
@import "forms.less";
@import "buttons.less";
@import "view.less";

// Utility classes
@import "utilities.less"; // Has to be last to override when necessary


html, body {
  height: 100%;
}

body:before {
  content: "";
  float: left;
  height: 100%;
  margin-top: -32767px;
  width: 0;
}

body {
  width: 100%;
}

#screen {
  padding-left: 70%;
  min-width: 320px;
  height: 100%;
}

#page {
  width: 70%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

#page .container-fluid{
}

#page .navbar-search{
  margin-right: 10px;
}

#aside {
  min-height: 100%;
  z-index: 100;
  background-color: #f1f1f1;
  box-shadow: -5px 0px 5px #DFDFDF;
  padding: 20px;
  .footer{
    padding: 10px 0;
    color: #777;
  }
  
  .header{
    height: 40px; 
    border-bottom: 1px solid #dfdfdf;
  }
}

.brand{
  margin-bottom: 20px;
}
